<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <link rel="stylesheet" type="text/css" href="/css/style_hd.css" />
    <%@include file="../common/jspcommon.jsp"%>

    <title>活动-笔飞美术作品</title>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
     <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
     <%@include file="../common/css.jsp"%>
    <script src="js/metcombined.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/css/style_hd.css" />
</head>
<body>
<div id="box">
      <%@include file="../common/header.jsp" %>
    
    <div id="main_div2">
        <div class="site_map"><a href="/welcome.htm">首页</a> 》活动</div>
        
        <div class="main_div2_left">
            <div class="category">
            <h2>活动</h2>
            <ul>
                <li class="cur"><a href="activtylb.htm?type=0">- 作品征集</a></li>
                <li><a href="activtylb.htm?type=1">- 拍卖</a></li>
                <li><a href="activtylb.htm?type=2">- 公益</a></li>
                <li><a href="activtylb.htm?type=3">- 户外写生</a></li>
            </ul>
            </div>
        </div>
        <div class="main_div2_right">
            <div class="main_div2_right_t">${artAct.title}</div>
            
            <div class="hdxx_div">
                <div class="img_div">
                    <div class="img_div_big"><a href="#"><img id="BigPic" src="${artAct.titlePic}" alt=""/></a></div>
                    <div class="img_div_small">
                        <ul>
                            <li><a href="#"><img src="${artAct.titlePic}" onmouseover="javascript:document.getElementById('BigPic').src='${artAct.titlePic}';" alt=""/></a></li>
                            <li><a href="#"><img src="${artAct.titlePic1}" onmouseover="javascript:document.getElementById('BigPic').src='${artAct.titlePic1}';" alt=""/></a></li>
                            <li><a href="#"><img src="${artAct.titlePic2}" onmouseover="javascript:document.getElementById('BigPic').src='${artAct.titlePic2}';" alt=""/></a></li>
                       		<li><a href="#"><img src="${artAct.titlePic3}" onmouseover="javascript:document.getElementById('BigPic').src='${artAct.titlePic3}';" alt=""/></a></li>
                        </ul>
                    </div>
                </div>
                <div class="c_1">
                    <p><b>${artAct.subtitle }</b></p>
                    <p> <fmt:formatDate value="${artAct.sDate }" type="date" dateStyle="long"/> - <fmt:formatDate value="${artAct.eDate }" type="date" dateStyle="long"/> 
                    	<c:if test="${not empty artAct.sTime }">
                    	每天<fmt:formatDate value="${artAct.sTime }" type="time" timeStyle="full" pattern ="HH:mm"/>-
                        <fmt:formatDate value="${artAct.eTime }" type="time" timeStyle="full" pattern ="HH:mm"/></c:if></p>
                    <p class="c_2 mt10">${activityRemark}</p>
                    <div class="style_bm">
                        <p>活动要求人数：<font class="style1">${artAct.personNum}</font>人</p>
                        <p>已有报名人数：<font class="style1">${artAct.signNum}</font>人</p>
                        <p>活动类型：<font class="style1">
	                       <c:if test="${artAct.activityType eq '0'}"> <a href="/activtylb.htm?type=0" style="color: #dd5a0b;">作品征集</a></c:if>
	                       <c:if test="${artAct.activityType eq '1'}"> <a href="/activtylb.htm?type=1" style="color: #dd5a0b;">拍卖</a></c:if>
	                       <c:if test="${artAct.activityType eq '2'}"> <a href="/activtylb.htm?type=2" style="color: #dd5a0b;">公益</a></c:if>
	                       <c:if test="${artAct.activityType eq '3'}"> <a href="/activtylb.htm?type=3" style="color: #dd5a0b;">户外写生</a></c:if>
                        </font></p>
                        <p>活动地址：<font class="style1">${artAct.address}</font></p>
                        <p class="mt10">
	                        <a href="#" onclick="signUp('${artAct.identifier}')"><img src="../images/btn_wybm.jpg" alt=""/></a>  <a href="#" class="jiathis jiathis_txt jtico jtico_jiathis"><img src="../images/btn_fx.jpg" alt=""/></a>
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="hdxx_div mt20">
                <h2 class="style5">活动详细描述</h2>
                <div class="c_3 mt10">
                     <p>${artAct.description }</p>
                </div>
                 <br/>
            </div>            
        </div>
       
          <!-- foot-->
		    <%@include file="../common/footer.jsp" %>
		    <!-- foot--end-->
    </div>
</div>
 <!-- JiaThis Button BEGIN -->
                    <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1358994979671444" charset="utf-8"></script>
                    <!-- JiaThis Button END -->
<script type="text/javascript">
function signUp(id){
	if(ART.checkLogin()){
		window.location.href="signup.htm?id="+id;}
	else{
		alert("请登录哦~");
		window.location.href="login.htm"
	}
}
	</script>
</body>
</html>
